<template>
    <div class="footer">
        <ul class="footer-ul">
        <li>关于我们</li>
        <li>联系我们</li>
        <li>加入我们</li>
        <li>用户协议</li>
        </ul>
        <div class="footer-item"> 津ICP备13006010号-1   津ICP备13006010号-2   津公网安备 12011102000418号  津公网安备 12011102000564号</div>
    </div>
</template>

<script>
export default {
    setup() {
        
    },
}
</script>

<style lang="less" scoped>
.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 90px;
  background: #0b0b0b;
  position:absolute;
  bottom:0px;
  left:0px;
  .footer-ul {
    list-style: none;
    color: #e4e7edd4;
    li {
      cursor: pointer;
      float: left;
      margin-right: 17px;
      &:after {
        position: relative;
        top: 2px;
        left: 8px;
        content: "";
        width: 1px;
        height: 13px;
        background: white;
        display: inline-block;
      }
      &:last-child:after {
        content: ""; 
        display: inline; 
      }
    }
  }
  .footer-item {
    color: #e4e7edd4;
  }
}
</style>